<!DOCTYPE html>
<html lang="en" xmlns="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>积分商城 · Top - 英皇乐理 在线模考平台</title>
    <link rel="shortcut icon" th:href="@{/images/logo.png}">
    <link rel="stylesheet" type="text/css" th:href="@{/layui/css/layui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/all.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/main.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/productList.css}">
    <script type="text/javascript" th:src="@{/js/jquery-3.3.1.min.js}"></script>
    <script type="text/javascript" th:src="@{/layui/layui.js}"></script>
    <script type="text/javascript" th:src="@{/js/commons.js}"></script>
    <script type="text/javascript" th:src="@{/js/api.js}"></script>
    <script type="text/javascript" th:src="@{/js/productList.js}"></script>
</head>
<body>
<div class="main-div">
    <div class="main-box">
        <div th:replace="~{commons::headerbar(active='productList')}"></div>
        <div class="content position" style="display: flex; justify-content: space-between">
            <div>
                当前位置：首页 > 图书列表
            </div>
            <div>
            </div>
        </div>
        <div class="goods-list">
            <div class="goods-item" th:each="product, item : ${productEntities}">
                <div class="box">
                    <div style="width: 100%; position: relative">
                        <div class="img-box" th:data-id="${product.id}" th:onclick="|productInfo(this.getAttribute('data-id'))|">
                            <img th:src="${product.fileEntities[0].filePath}">
                        </div>
                    </div>
                    <div class="price">
                        <span class="icon_label">
                            <span>￥<span style="font-size: 35px">[[${product.actualPrice}]]</span>
                                <span class="price-line">（原价：￥[[${product.originalPrice}]]）</span>
                            </span>
                        </span>
                    </div>
                    <div class="title">[[${product.productName}]]</div>
                    <div class="desc">[[${product.info}]]</div>
                </div>
            </div>
        </div>
    </div>
    <div th:replace="~{commons::footerbar}"></div>
</div>
</body>
</html>